
<%@ page import="com.recipeexchange.domain.Recipe" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="layout" content="main" />
        <g:set var="entityName" value="${message(code: 'recipe.label', default: 'Recipe')}" />
        <title>${recipeInstance.name}</title>
    </head>
    <body>
        <div class="body">
            <h1>${recipeInstance.name}</h1>

            <div class="description">
                <h2 class="description-heading">Description</h2>
                <p>
                    ${recipeInstance.description}
                </p>
            </div>


            <div class="num-of-people-served">Number of people it serves: ${recipeInstance.serves}</div>

            <div class="ingredients">
                <h2 class="ingredient-heading">Ingredients</h2>
                <p>
                    ${recipeInstance.ingredients}
                </p>
            </div>

            <div class="ingredients">
                <h2 class="recipe-heading">Steps to create recipe</h2>
                <p>
                    ${recipeInstance.recipe}
                </p>
            </div>
            <div class="span-18 comments-wrapper">
                <comments:renderComments bean="${recipeInstance}" />
            </div>
        </div>
    </body>
</html>
